/*通用设置开始*/
body,div,ul,li,a,span,.cy,p,input,form,h3{
	margin: 0px;
	padding: 0px;
}
body{
	width: 960px;
	margin:0px auto;
	position: relative;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.clearfix{
	display: table;
	content: "";
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.all{
	
	margin: 0px atuo;
	/*border: 1px solid red;*/
}
/*动画设置开始*/
@keyframes swing {
	20% {
		transform: rotate(15deg)
	}
	40% {
		transform: rotate(-10deg)
	}
	60% {
		transform: rotate(5deg)
	}
	80% {
		transform: rotate(-5deg)
	}
	to {
		transform: rotate(0deg)
	}
}
.cont-img:hover{
	transform: translate(-20px);
	transition: 2s;
}
.con2-2 li:hover{
	transform: translate(-20px) scale(1.2);
	transition: 2s;
}
.box img:hover{
	transform: translate(-20px);
	transition: 2s;
}
.con3-4 a img:hover{
	transform: rotate(360deg);
	transition: 1s;
}
@keyframes yiyong{
	0%{
		transform: translate(0px,0px);
	}
	
	20%{
		transform: translate(-100px,100px);
	}
	
	
	40%{
		transform: translate(-200px,200px);
	}
	
	60%{
		transform: translate(-300px,300px);
	}
	
	80%{
		transform: translate(-400px,400px);
	}
	100%{
		transform: translate(-500px,500px);
	}
}

/*动画设置结束*/
/*通用设置结束*/
/*头部导航设置开始*/
.top{/*border: 1px solid greenyellow;*/
	width: 100%;
	height: 50px;
	background:linear-gradient(to bottom, #D0203E ,#D35B74) ;
}
/*.top a{
	font-family: "微软雅黑";
	font-size: 16px;
}*/
.shouye{/*border: 1px solid black;*/
	height: 40px;
	width: 60px;
	line-height: 40px;
	text-align: center;
	margin-left: 30px;
	margin-top: 10px;
	color: #D0203E;
	border-radius: 5px 5px 0px 0px;
	background-color: white;
}
.shouye:hover{
	color: #D0203E;
	border-radius: 5px 5px 0px 0px;
	background-color: white;
	transform-origin: top center;
	animation:swing 3s 1;
}
.login{
	
	height: 50px;
	line-height: 50px;
	margin-right: 30px;
	word-spacing: 10px;/*文字间的左右距离*/
}
.login a{
	color: white;
}
.login a:hover{
	text-decoration: underline;
}
/*头部导航设置结束*/
/*中间内容第一部分开始*/
.classify{
	margin-top: 10px;
	width: 190px;
	height: 203px;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.cy{
	display: inline-block;
	width: 190px;
	height: 29px;
	color: black;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 29px;
	background-image: url(images/游戏列表灰色渐变.jpg) ;

}
.cy img{
	margin:5px 15px 5px 8px;
	vertical-align: middle;
}
.cy:hover{
	background-image: url(images/游戏列表鼠标移入的渐变.jpg);
}
.banner{
	width: 500px;
	height: 200px;
	margin: 20px 10px 0px 10px;
	position: relative;
}
.banner img{
	width: 100%;
	border-radius: 10px;
}
.banner span{
	display: inline-block;
	width: 24px;
	height:24px;
	margin-right: 5px;
	text-align: center;
	background-color: #D0CECD;
	border-radius: 50%;
}
.spa{
	position: absolute;
	top: 150px;
	left: 360px;
}
.spa span:hover{
		color: white;
		background-color: #B51C15;
		transform: scale(1.25);
		transition: 1s;
}
.form{
	width:200px;
	height: 160px;
	border:1px solid #ccc;
	float: left;
	margin-top: 10px;
	border-radius: 10px;
	background-color: #FAFAFA;
	font-size: 12px;
	padding: 20px;
	position: relative;
}
.f-top{
	margin-bottom: 20px;
	font-weight: 700;
}
.username{
	margin-bottom: 10px;
}
.re-img{
	position: absolute;
	top:130px;
	left: 100px;
}
.re-bot1{
	position: absolute;
	top:165px;
	left: 50px;
	
}
.re-bot2{
	position: absolute;
	top: 165px;
	left: 150px;
}
input{
	width: 150px;
	padding-left: 5px;
}
::placeholder{
	font-size: 7px;
	color: #999;
	
}
/*中间内容第一部分结束*/
/*中间内容第二部分开始*/
.content-1{
	width: 100%;
}
.content-2{
	width: 100%;
}
.con2-1{
	width: 700px;
	height: 240px;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
}
.cont-top{
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	background: url(images/titleBg.jpg);
}
.cont-top a:first-child{
	color: #820E05;
	font-weight: 700;
	margin: 0px 10px;
	
}
.cont-top a:nth-of-type(n+2){
	margin-left:10px;
	padding-right:10px ;
}
.lbox{
	width: 316px;
	height: 160px;
	border-radius: 10px;
	border: 1px solid #CCC;
	margin: 20px 10px 20px 30px;
}
.rbox{
	width: 316px;
	height: 160px;
	border-radius: 10px;
	border: 1px solid #CCC;
	margin: 20px 10px 20px 0px;
}
.cont-img{
	width: 140px;
	height:100px;
	margin: 16px 0px 0px 6px;
}
.cont-img img{
	width: 100%;
}
.txt{
	font-size: 12px;
	width: 158px;
	margin-top: 10px;
	line-height: 20px;
}
.ltxt input,.rtxt input{
	float: left;
	width: 40px;
	height: 26px;
	margin: 10px 0px 0px 10px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: white;
}
.ltxt input:last-child,.rtxt input:last-child{
	float: left;
	color: white;
	width: 70px;
	height: 26px
	line-height: 26px;
	margin: 10px 0px 0px 10px;
	padding-right: 4px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: linear-gradient(to bottom,#75BBCF,#386E9D );
}
.con2-2{
	width: 240px;
	height: 240px;
	margin-top: 20px;
	margin-left:10px;
	border: 1px solid #CCC;
	border-radius: 10px;
}
h3{
	color: #820E05;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	background: url(images/titleBg.jpg);
}
h3 span{
	margin-left: 10px;
}
.con2-2 li{
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px dashed #ccc;
	background: url(images/rightTwo.png) 20px center no-repeat;
}
.con2-2 li:last-child{
	border-bottom: none;

}
.con2-2 a{
	color: black;
	margin-top: 6px;
	margin-left: 50px;
}
/*中间内容第二部分结束*/
/*中间内容第三部分开始*/
.content-3{
	width: 100%;
}
.con3-1{
	width: 700px;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
	height: 380px;
}
.box{/*border: 1px solid red;*/
	width:130px;
	margin-left: 35px;
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
}
.cont3-img {
	width: 110px;
	height: 76px;
}
.cont3-img img{ 
	width: 100%;
}
.box input{
	float: left;
	width: 40px;
	height: 26px;
	margin: 10px 0px 0px 10px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: white;
}
.box input:last-child{
	float: left;
	color: white;
	width: 70px;
	height: 26px
	line-height: 26px;
	margin: 10px 0px 0px 10px;
	padding-right: 4px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: linear-gradient(to bottom,#75BBCF,#386E9D );
}
.box  span{
	color: red;
}
.con3-2 {
	width: 240px;
	height: 80px;
	margin-top: 20px;
}
.con3-2 img,.con3-3 img{
	width: 100%;
}
.con3-3{
	width: 240px;
	height: 80px;
}
.con3-4{
	width: 240px;
	border-radius: 10px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.con3-4-top{
	color: #820E05;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	background: url(images/titleBg.jpg) ;
}
.con3-4-top span{
	margin-left: 10px;
	font-weight: 700;
}
.hanghai{
	width: 100%;
	border-bottom: 1px dashed #ccc;
}
.hanghai img,.tantan  img{
	width:120px;
	height: 80px;
	margin: 5px;
}
.con3-4 p{
	width: 100px;
	font-size: 12px;
	line-height: 26px;
	color:#386E9D ;
}
.tantan{
	width: 100%;
}
/*中间内容第三部分结束*/
.content-4{
	font-size:12px;
	height: 30px;
	margin-top: 20px;
}
.content-4 p:first-child{
	float: left;
	
}
.content-4 p:last-child{
	float: right;
	color: #666;
}
.content-4 a{
	color:#15467C ;
	margin-right: 10px;
}
.content-5{
	width: 216px;
	height: 188px;
	position: absolute;
	top: 500px;
	left: 900px;
	animation: yiyong 3s  linear /*infinite*/;
}
.content-5 img{
	width: 100%;
}
/*.no span {
	width: 30px;
	height: 30px;
	background-color:#999999 ;
	position: fixed;
	top:0px;
	left: 0px;
}*/
